﻿html {
    font-size: 62.5%;
}

body {
    /* background: url("../images/uc4bg.jpg") no-repeat !important;*/
    background: #ddd;
    background-size: cover !important;
    position: relative;
}

.MainCon {
    background: #ddd;
    margin: 0;
    -webkit-box-flex: 1;
    /* height: auto; */
    position: absolute;
    top: 40px;
    width: 100%;
    bottom: 50px;
    padding: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.uc4Header {
    background: #ff8846;
    /* padding-top: 25px; */
    height: 40px;
    line-height: 40px;
    min-height: 40px;
}

.uc4MFWrap {
    position: relative;
}

.uc4Redpoint {
    position: absolute;
    top: 9px;
    right: 13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    z-index: 20;
    background: red;

}

.uc4FocusP {
    height: 10px;
    line-height: 10px;
}

.uc4Header h6 {
    height: 34px;
    line-height: 32px;
    /* margin-bottom: 5px; */
}

.uc4Focus {
    font-size: 12px;
    -webkit-transform: scale(0.5);
}

.uc4HLeftA {
    margin-top: -8px;
    height: 35px;
    line-height: 35px;
}

.uc4HLeftA span {
    margin-top: -3px;
    color: #fff;
    font-size: 12px;
    -webkit-transform: scale(0.9);
    display: block;
    height: 28px;
}

.uc4HRightA {
    margin-top: -2px;
    height: 35px;
    line-height: 35px;
    position: relative;
}

.uc4InfoWrap {
    margin-top: 5px;
    margin-bottom: 0;
}

.uc4InfoLeft {
    padding: 3px 9px;
    background: #fff;
    border-right: 5px solid #ddd;
}

.uc4InfoLeft img {
    max-width: 17px;
    max-height: 20px;
    float: right;
}

.uc4UserId {
    font-size: 14px;

    color: #333;
    margin-top: 0px !important;
}

.uc4ILUl {
    float: left;
    font-size: 12px;
    color: #999;
}

.uc4ILUl li {
    margin-top: -2px;
}

.uc4InfoH {
    height: 102px;
}

.uc4IRUl {
    float: left;
    font-size: 12px;
}

.uc4IRUl li {
    padding: 3px 0;
    font-family: "幼圆";
    font-size: 14px;
}

.uc4Wrap3{
    margin-top: 5px;
}
.uc4Wrap4{
    margin-top: 0;
}
.uc4GridLeft {
    position: relative;
    background: #D42C2F;
    background: -webkit-linear-gradient(top right, #F13636, #B02128);
    background: linear-gradient(top right, #F13636, #B02128);
    border-right: 5px solid #ddd;
    border-bottom:5px solid #ddd;
}

.uc4GridLeft img {
    /* position: absolute; */
    z-index: 100;
    margin: 0 auto;
    vertical-align: middle;
    /* top: 31%; */
    /* left: 30%; */
}
.uc4GridLeft p{
    font-size: 2.5rem;
    color: #fff;
    font-weight: 600;

}
.uc4GridRight {
}
.uc4GridRight p{
    font-size: 1.4rem;
     color: #fff;
     font-weight: 600;
    text-align: center;
}
.uc4GridRight li{
    border-right: 5px solid #ddd;
    border-bottom:5px solid #ddd;
    padding: 0;
}
.uc4GridRight li:nth-child(1){
    background: -webkit-linear-gradient(to bottom, #F012D9, #AD0CA0);
    background: linear-gradient(to bottom, #F012D9, #AD0CA0);
}
.uc4GridRight li:nth-child(2){
    background: -webkit-linear-gradient(to bottom, #894BD0, #5D227F);
    background: linear-gradient(to bottom, #894BD0, #5D227F);
}
.uc4GridRight li:nth-child(3){
    background: -webkit-linear-gradient(to bottom, #296CF1, #04589E);
    background: linear-gradient(to bottom, #296CF1, #04589E);
}
.uc4GridRight li:nth-child(4){
    background: -webkit-linear-gradient(to bottom, #19809F, #08627D);
    background: linear-gradient(to bottom, #19809F, #08627D);
}
.uc4FocusI {
    font-size: 22px !important;
}

.uc4Grid2Left p{
    font-size: 1.4rem;
    color: #fff;
    font-weight: 600;
    text-align: center;
}
.uc4Grid2Left li{
    border-right: 5px solid #ddd;
    border-bottom:5px solid #ddd;
    padding: 0;
}
.uc4Grid2Left li:nth-child(1){
    background: -webkit-linear-gradient(to bottom, #1FA450, #247B1A);
    background: linear-gradient(to bottom, #1FA450, #247B1A);
}
.uc4Grid2Left li:nth-child(2){
    background: -webkit-linear-gradient(to bottom, #5ED11E, #3B8D0D);
    background: linear-gradient(to bottom, #5ED11E, #3B8D0D);
}
.uc4Grid2Left li:nth-child(3){
    background: -webkit-linear-gradient(to bottom, #93B82F, #56711A);
    background: linear-gradient(to bottom, #93B82F, #56711A);
}
.uc4Grid2Left li:nth-child(4){
    background: -webkit-linear-gradient(to bottom, #F09F43, #B36320);
    background: linear-gradient(to bottom, #F09F43, #B36320);
}

.uc4Grid2Right {
    position: relative;
    background: #58C51B;
    background: -webkit-linear-gradient(top right, #58C51B, #237E1E);
    background: linear-gradient(top right, #58C51B, #237E1E);
    border-right: 5px solid #ddd;
    border-bottom:5px solid #ddd;
    text-align: center;
}

.uc4Grid2Right img {
    /* position: absolute; */
    z-index: 100;
    margin: 0 auto;
    vertical-align: middle;
    /* top: 31%; */
    /* left: 30%; */
}
.uc4Grid2Right p{
    font-size: 2.5rem;
    color: #fff;
    font-weight: 600;

}
.uc4InfoRight {
    padding: 10px 10px;
    background: #fff;
    /* height: 100%; */
}

.uc4Markfill {
    margin-top: -9px;
    font-size: 28px !important;
}

.aui-slide-page-active {
    background: #fff !important;
}

.aui-slide-page-dot {
    background: rgba(221, 221, 221, 0.61);
}

.aui-slide-page-wrap {
    padding-right: 20px;
}

.indexFooter {
    width: 100%;
    padding: 0;
    position: absolute;
    height: 50px!important;
    bottom: 0;
    border-top: 1px solid #ddd;
    left: 0;
    z-index: 100;
    line-height: 23px!important;
}

.indexFooter ul li {
    height: 50px;
    padding-top: 3px;
}

.footbtn, .space {
    background: #FFF;
}

.footbtn a, .menu a {
    color: #6B6B6B;
    border-style: none;
}

.footbtn a {
    width: 100%;
}

.footbtn {
    float: left;
    width: 33.333333%;
    background: #FFF;
}

.footbtn span {
    font-size: 21px;
}

.footbtn p {
    font-size: 12px;
    /* margin-top: 3px; */
}

.footbtn a.active span, .footbtn a.active p {
    color: #3498db !important;
}





 .loginIn {
     height: 50px;
     line-height: 50px;
     padding: 0 20px;
     font-size: 20px;
     color: #033E47;
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0A7879), to(#04424F));
 ;
     border-radius: 40px;
     border: 2px solid #033E47;
     margin-top: 35px;
 }

.dailei {
    font-size: 12px;
    margin-top: 10px;
}

.daibi {
    margin-top: 20px;
}

.Noti {
    background: #FFF;
    font-size: 20px;
    height: 16px;
    color: red;
    border-radius: 20px;
}

.dialog, .dialog1 {
    border-radius: 20px;
}

.classNoti p {
    height: 25px;
    font-size: 16px;
}

.ok {
    background: #74D1F3;
    font-size: 24px;
    padding: 10px;
    border-radius: 0 0 20px 20px;
    color: #FFF;
}
